<template>
  <Drawer v-model="drawer.show" :placement="drawer.placement" :width="drawer.width" :mask="drawer.mask" :closable="drawer.closable">
    <starForm :showBtn="form.showBtn" :newOp="form.newOp" :data="form.data" :config="form.config"></starForm>
  </Drawer>
</template>

<script>
export default {
  name: "starSiderEditor",
  data(){
    return {

    }
  },
  props:{
    drawer:{
      default:()=>{
        return {
          show:true,
          placement:'right',
          width:600,
          mask:true,
          closable:true
        }
      }
    },
    form:{
      default:()=>{
        return {
          showBtn:true,
          newOp:false,
          config:{},
          data:{city:'',color:'',input: 'aaaa',String:12,text:'bbb',select: 'shanghai',multiselect:['beijing','shanghai'],array:['shenzhen'],radio: 'React',multicheck: ['ECMA'],check: true,date: '2020-01-01',time: '12:00:00',datetime:'2020-01-01 12:00:00',daterange:['2020-01-01','2020-02-01'],datetimerange:['2020-01-01 12:00:00','2020-02-01 13:00:00'],switch: true,slider: [0,50],number:0,percent:0.05,textarea: 'test1'}}
        }
      }
    }
}
</script>

<style scoped>

</style>